{% extends "layout.html" %}
{% block body %}
<div class="am-container am-g">
    <div class="am-u-sm-8 am-u-sm-centered">
        <h1>注册</h1>

        <div class="am-alert am-alert-danger am-u-sm-12 center" id="error" data-am-alert hidden>
            <p id="error_info">没什么可给你，但求凭这阙歌。谢谢你风雨里，都不退愿陪着我。</p>
        </div>
        <div class="am-u-sm-12">
            <form class="am-form am-form-horizontal">
                <div class="am-form-group">
                    <label class="am-u-sm-2 am-form-label">用户名</label>

                    <div class="am-u-sm-10">
                        <input type="text" placeholder="用户名将用于登陆" id="username" onkeydown = key_login()>
                    </div>
                </div>
                <div class="am-form-group">
                    <label class="am-u-sm-2 am-form-label">邮箱</label>

                    <div class="am-u-sm-10">
                        <input type="email" placeholder="电子邮箱" id="email" onkeydown = key_login()>
                    </div>
                </div>
                <div class="am-form-group">
                    <label class="am-u-sm-2 am-form-label">密码</label>

                    <div class="am-u-sm-10">
                        <fieldset class="am-form-set">
                            <input type="password" placeholder="设置一个密码吧" id="password1" onkeydown = key_login()>
                            <input type="password" placeholder="再输入一遍" id="password2" onkeydown = key_login()>
                        </fieldset>
                    </div>
                </div>

                <div class="am-form-group">
                    <div class="am-u-sm-10 am-u-sm-offset-2">
                        <p id="sign_up" class="am-btn am-btn-default">注册</p>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}

{% block script %}
<script type="text/javascript">

function key_login() {
	if (event.keyCode == 13) {
		submit();
	}
}
function show_error(error){
    $("#error_info").text(error);
    $("#error").show();
}
function success(){
    alert("注册成功了！\n没什么可给你，但求凭这阙歌。谢谢你风雨里，都不退愿陪着我。");
    window.location.href="/login";
}
function submit(){
    if($("#password1").val()!=$("#password2").val()){
        show_error("两次密码不同");
        return;
    }
    password=$.md5($("#password1").val()+"syzoj2_xxx")
    $("#sign_up").text("请稍等 ......");
    url='/api/sign_up?username='+$("#username").val()+'&password='+password+'&email='+$("#email").val();
    url=encodeURI(url);
    //alert(url);
    $.ajax({
        url : url,
        type : 'POST',
        async:false,
        success : function(data) {
            error_code=data.error_code;
            switch(error_code){
                case 2001:
                    show_error("服务器未收到数据");
                    break;
                case 2005:
                case 2002:
                    show_error("用户名需要大于3个字符小于16个字符，仅允许字母数字和下划线");
                    break;
                case 2007:
                case 2003:
                    show_error("密码不得为空");
                    break;
                case 2004:
                case 2006:
                    show_error("请输入正确的邮箱");
                    break;
                case 2008:
                    show_error("已经有人用过这个用户名了");
                    break;
                case 1:
                    success();
                    break;
                default:
                    show_error("未知错误");
                    break;
            }
            $("#sign_up").text("注册");
        },
        error :  function(XMLHttpRequest, textStatus, errorThrown) {
            alert(XMLHttpRequest.responseText);
            show_error("未知错误");
            $("#sign_up").text("注册");
        }
    });
}
$(document).ready(function(){
    $("#sign_up").click(function(){
        submit();
    });
});



</script>
{% endblock %}
